<%@ page language="java" pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%> 
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <base href="<%=basePath%>">
    
    <title>优标检测网</title>
    <!-- 浏览器上显示title 图标 icon图标 -->
	<link type="image/x-icon" rel="icon" href="<%=basePath %>resource/img/minilogo.png">

	<!-- 如果想让图标出现在收藏夹中，就：  -->
	<link type="image/x-icon" rel="shortcut icon" href="<%=basePath %>resource/img/minilogo.png">
	<link type="image/x-icon" rel="bookmark" href="<%=basePath %>resource/img/minilogo.png">
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
	<meta http-equiv="expires" content="0">    
	<meta http-equiv="keywords" content="优标">
	<meta http-equiv="description" content="优标">
	<link href="<%=basePath%>/portal/css/main.css" type="text/css" rel="stylesheet">
  </head>
  
  <body>

<%@include file="p_head.jsp"%>
<div class="IndexContent">
    <div class="IndexSlider">
        <div class="SliderCover">

        </div>
        <div class="IndexSliderMainPage">
            <div class="MouseBtn"></div>
          <!--   <div class="ShareList">
                <a class="FaceBook" href="#"></a>
                <a class="Twitter" href="#"></a>
                <a class="WeiBo" href="#"></a>
                <a class="WeiXin" href="#"></a>
            </div> -->
            <ul class="SliderContent">
            <c:forEach var="bannerImg" items="${bannerList}">
                <li><img src="<%=basePath%>/${bannerImg.fileid.path}" alt="${bannerImg.bannerName}"></li>
            </c:forEach>
            </ul>
        </div>
    </div>
    <div class="IndexAboutUs">
        <div class="MainPage">
            <div class="IndexAboutUsImg">
                <img src="<%=basePath%>/portal/images/index/aboutuspic.jpg"/>
            </div>
            <div class="AboutUsTitle">
                关于我们&nbsp;&nbsp;/&nbsp;&nbsp;About&nbsp;Us
            </div>
            <div class="IndexAboutUsContent">
                <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;优标检测网是集北京亚分科技有限公司在纺织、皮革、建筑材料、轻工等诸多领域多年的技术服务经验倾力打造的一站式检测技术资源平台。</p>
                <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;优标检测网致力于有效整合检测技术资源，实现检测技术资源共享，为检测机构和企业提供专业的技术资询、质量控制、行业标准、报告传递等信息化服务。</p>
                <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;优标检测网将以检测机构和企业为服务核心，建立检测报告的快速传递机制，建成检测报告资源公开共享平台，以快速、便捷的方式快速查询检测报告。</p>
                <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;优标检测网将本着“科学严谨、公正客观、精益求精、诚信服务”的宗旨，热忱服务于广大的企事业单位。</p>
            </div>
        </div>
    </div>
    <div class="IndexNews">
        <div class="MainPage">
            <div class="IndexNewsTitle">
                新闻资讯&nbsp;/&nbsp;&nbsp;Media&nbsp;Center
            </div>
            <div class="IndexNewsSlide">
                <ul class="SliderContent">
                <c:forEach var="newsIndex" items="${newsVOs}" varStatus="news">
                	<c:if test="${news.count%4 ==1}">
                	<li>
                	</c:if>
                		
                		<span class="NewsGroup">
		                <span class="NewsHead" alt="${newsIndex.title}">
			                <c:if test="${fn:length(newsIndex.title)>19}">
							${fn:substring(newsIndex.title, 0, 19)}...
							</c:if>
							<c:if test="${fn:length(newsIndex.title)<=19}">
							${newsIndex.title}
							</c:if>
		                </span>
		                <span class="NewsContent" alt="${newsIndex.summary}">
		                <c:if test="${fn:length(newsIndex.summary)>45}">
							${fn:substring(newsIndex.summary, 0, 45)}...
							</c:if>
							<c:if test="${fn:length(newsIndex.summary)<=45}">
							${newsIndex.summary}
							</c:if>
		                </span>
		                <a href="<%=basePath%>news_contentShow.action?news.newsId=${newsIndex.newsId}"  class="NewsLink">READ&nbsp;NEWS</a>
		              </span>
                	<c:if test="${news.count%4 ==0}">
                	</li>
                	</c:if>
                </c:forEach>
                </ul>
            </div>
        </div>
    </div>
	<div class="IndexAddr">
	<div class="MainPage">
		<div class="IndexAddrLeft">
			<div class="IndexAddrLogo">
				<img src="<%=basePath%>/portal/images/index/addrlogo.png">
			</div>
			<div class="IndexAddrList">
				<ul>
					<li><span>名称</span> <font>优标检测网</font></li>
					<li><span>电话</span> <font>010-6790.2528<br>010-6790.2530</font></li>
					<li><span>传真</span> <font>010-6790.2536</font></li>
					<li><span>电邮</span> <font>info@ ubtest.com.cn</font></li>
					<li><span>网址</span> <font>www.ubtest.com.cn</font></li>
				</ul>
				<div class="IndexAddrLine"></div>
			</div>
		</div>
		<div class="IndexAddrRight">
			<h3 class="DownLoadHeadWord">下&nbsp;载&nbsp;移&nbsp;动&nbsp;端</h3>
			<div>
				<div class="DownLoadGroup">
					<div class="QRBox">
						<img src="<%=basePath%>/portal/images/index/qr_apple.png" style="height: 103px;width: 103px">
					</div>
					<div class="StoreName">
						<img src="<%=basePath%>/portal/images/index/apple.png">
					</div>
				</div>
				<div class="DownLoadGroup">
					<div class="QRBox">
						<img src="<%=basePath%>/portal/images/index/qr_android.png" style="height: 103px;width: 103px">
					</div>
					<div class="StoreName">
						<img src="<%=basePath%>/portal/images/index/android.png">
					</div>
				</div>
			</div>
		</div>
	</div>
</div>
    
</div>

<%@include file="p_foot.jsp"%>

    
</body>
<script src="<%=basePath%>/portal/js/res/jquery-1.4.2.min.js"></script>
<script src="<%=basePath%>/portal/js/res/responsiveslides.min.js"></script>
<script src="<%=basePath%>/portal/js/page/base.js"></script>
<script src="<%=basePath%>/portal/js/page/index.js"></script>
<SCRIPT src="<%=basePath%>/portal/js/res/jquery.lazyload.min.js" type=text/javascript></SCRIPT>
<script type="text/javascript" charset="utf-8">
      $(function() {
          $("img").lazyload({ 
		  placeholder : "<%=basePath%>/portal/images/loading.gif",
                 effect: "fadeIn"
           });  
      });
//详细：http://www.cnblogs.com/tinyphp/archive/2013/04/09/3009385.html
</script>
</html>
